/* 媒体查询响应式 */
@media screen and (max-width:1900px) {
    .index1 .main,.index2 .main, .index3 .main, .index4 .main,.footer .main{
        margin-top: 60px;
    }
    .banner1{
        height: auto;
    }
    .banner header .nav_icon{
        display: none;
    }
    .page5 .list ul li{
        height: auto;
    }
    
}
@media screen and (max-width:1800px){
    .pageContainer{
        width: 92%;
    }
    .page3 .top .right{
        width: 45.35%;
    }
    .page3 .top .left{
        width: 47.67%;
    }
    .page3 .top .left .mini{
        width: 100%;
    }
    .page3 .top .right ul li .pro_title{
        width: 18%;
        margin-right: 30px;
    }
    .page6 .recommend-product{
        padding: 100px 0;
    }
    
}
/* 屏幕1700 以下 */
@media screen and (max-width:1700px) {
    .index1 .main .right{
        width: 54.07%;
    }
    .index1 .main .right .bg{
        width: 100%;
        height: auto;
    }
    .index1 .main .right .bg .pic{
        height: auto;
        padding-bottom: 15px;
        box-sizing: border-box;
    }
    .footer .main .center form .inputGroup input, .page4 .box4 .content .center form .inputGroup input{
        width: 29.73%;
    }
    .footer .main .center, .page4 .box4 .content .center{
        width: 43.02%;
    }
    
    .footer .main .right,.page4 .box4 .content .right{
        width: 26.63%;
        height: auto;
    }
    .pageContainer{
        width: 92%;
    }
    .page1 .box2 .content .mySwiper_time .swiper-slide{
        padding-top: 117px;
    }
    .page1 .box2 .content .mySwiper_time .swiper-slide-active{
        padding-top: 0;
    }
    .page1 .box3 .content .picGroup .pic{
        width: 48.25%;
        height: auto;
    }
    .page1 .box3 .content .picGroup .pic img{
        height: auto;
    }
    .page2 .main .list ul li .pic{
        height: auto;
    }
    .page6 .recommend-product .content .pic{
        height: auto;
    }
    .page7 .top .right .pic{
        height: auto;
    }
    .page5 .top .mySwiper_comNews .swiper-slide .right h3.news_title{
        line-height: 1.6em;
        margin: 10px 0 20px 0;
    }
    .page5 .top .mySwiper_comNews .swiper-slide .right .text p{
        line-height: 1.6em;
    }
    .page5 .top .mySwiper_comNews .swiper-slide .right .text{
        margin-bottom: 30px;
    }
}

/* 屏幕1440-1600 */
@media screen and (max-width:1600px) {
    .version2{
        display: block;
    }
    .mySwiper_total{
        display: none;
    }
    .sameHeader{
        display: none;
    }
    .index1 .main, .index2 .main, .index3 .main, .index4 .main, .footer .main{
        margin-top: 75px;
        padding-bottom: 80px;
        box-sizing: border-box;
    }
    .index1 .main .left{
        width: 37.32%;
    }
    .index1 .main .right .bg .block{
        bottom: 25px;
    }
    .footer .bottom{
        position: static;
        padding: 40px 0;
        box-sizing: border-box;
    }
    .index1 .main .left .factory .swiper_box .mySwiper_factory{
        width: auto;
        height: auto;
    }
    .banner header .nav_icon{
        display: none;
    }
    .page1 .box1,.page1 .box2,.page1 .box3,.page1 .box4{
        padding: 80px 0;
    }
    .page1 .box4 .content{
        padding: 40px 0;
    }
    .page1 .box1 .left .mySwiper_about{
        margin-top: 100px;
    }
    .page1 .box2 .content .mySwiper_time .swiper-slide{
        padding-top: 140px;
    }
    .page1 .box2 .content .mySwiper_time .swiper-slide-active{
        padding-top: 37px;
    }
    .page3 .top .left .mySwiper_big img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .page3 .top .left .mySwiper_mini img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .page3 .top .left .mySwiper_big{
        height: auto;
    }
    
    .page5 .top .mySwiper_comNews .swiper-slide .left, .page5 .top .mySwiper_comNews .swiper-slide .right,
    .page5 .top .mySwiper_comNews{
        height: auto;
    }
    .page7 .top .block{
        display: none;
    }
    .banner .swiper-pagination{
        bottom: 10px;
    }
}
@media screen and (max-width:1540px){
    .page1 .box2 .content .mySwiper_time .swiper-slide{
        padding-top: 127px;
    }
    .page1 .box2 .content .mySwiper_time .swiper-slide-active{
        padding-top: 37px;
    }
    .page2 .main{
        padding: 80px 0;
    }
}
/* 屏幕1440px 以下 */
@media screen and (max-width:1440px) {
    .main .left h1.section_title{
        font-size: 45px;
    }
    .page2 .main .list ul li p{
        font-size: 18px;
    }
    .page5 .top .mySwiper_comNews .swiper-slide .right h3.news_title{
        font-size: 20px;
    }
    .page5 .top .mySwiper_comNews .swiper-slide .right .text{
        margin-bottom: 10px;
    }
    
}
@media screen and (max-width:1300px){
    .page1 .box2 .content .mySwiper_time .swiper-slide{
        padding-top: 100px;
    }
    .page1 .box2 .content .mySwiper_time .swiper-slide-active{
        padding-top: 37px;
    }
    .page1 .box2 .content .mySwiper_des{
        margin-top: -15px;
    }
}
/* 中等屏幕992px-1200px 屏幕宽度在1200px以下显示的颜色 */
@media screen and (max-width:1200px) {
    .banner header .headerBox2{
        background-color: #000;
    }
    .banner header{
        position: fixed;
    }
    .banner header .container{
        height: 80px;
    }
    .page2 .main .list ul li .pic{
        margin-bottom: 10px;
    }
    .banner header{
        height: 80px;
    }
    .banner .mySwiper_banner{
        margin-top: 80px;
    }
    .index1 .main{
        display: block;
        padding-right: 100px;
    }
    .banner header .right nav::after{
        display: none;
    }
    .banner header .nav_icon{
        display: block;
    }
    .banner header .right nav{
        display: none;
    }
    .index1 .main .left,
    .index1 .main .right{
        width: 100%;
    }
    .index1 .main .right{
        margin-top:60px;
    }
    .footer .main .center, .footer .main .right{
        width: 100%;
    }
    .footer .main .container{
        display:block;
    }
    .footer .main .center{
        margin-top: 75px;
    }
    .footer .main .right{
        margin-top: 80px;
    }
    .search{
        margin-left: 0;
    }
    .banner>header>.container{
        position: fixed;
        width: 100%;
        height: 80px;
        background-color: #000;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999;
    }
    .search{
        position: absolute;
        right: 100px;
    }
    .page1 .box1 .pageContainer{
        flex-wrap: wrap;
    }
    .page1 .box1 .left,.page1 .box1 .right{
        width: 100%;
    }
    .page1 .box1 .right{
        margin-top: 40px;
    }
    .page1 .box1 .left .mySwiper_about{
        margin-top: 50px;
    }
    .page1 .box1 .right .block{
        display: none;
    }
    .page1 .box2 .content .mySwiper_time .swiper-slide{
        padding-top: 82px;
    }
    .page1 .box2 .content .mySwiper_time .swiper-slide-active{
        padding-top: 37px;
    }
    .page3 .top .right ul li .pro_title{
        width: 23%;
    }
    .page3 .top{
        padding: 100px 0;
    }
    .page3 .top .right .button{
        margin-top: 50px;
    }
    
    .page3 .top{
        padding: 80px 0;
        display: block;
    }
    .page3 .top .left,.page3 .top .right{
        width: 100%;
    }
    .page3 .top .right{
        margin-top: 40px;
    }
    .page4 .box1, .page4 .box2, .page4 .box3,.page4 .box5{
        padding-top: 80px;
    }
    .page4 .box1 .content_text{
        margin-top: 30px;
    }
    .page4 .box1 .content_pic{
        margin-top: 30px;
    }
    .page4 .box2 .content .mySwiper_case{
        padding: 70px 0 0 0;
    }
    .page4 .box2 .content .mySwiper_case .toggle{
        margin-top: 30px;
    }
    .page4 .box3 .content{
        padding: 30px 0;
    }
    .page4 .box3 .content ul li .text{
        padding: 30px 20px;
    }
    .page4 .box3 .content ul li .text h5{
        padding-bottom: 5px;
    }
    .page4 .box4{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .page4 .box4 .content{
        margin-top: 40px;
    }
    .page5 .list ul li a{
        padding: 30px 20px;
    }
    .page5 .list ul{
        margin: 30px -10px;
    }
    .page5 .list ul li{
        padding: 10px 10px;
    }
    /*.page5 .top .mySwiper_comNews .swiper-slide .right{*/
    /*    padding: 10px 80px;*/
    /*}*/
    .page7 .top .left{
        width: 34.88%;
    }
    .search-app{
        display: block;
    }
    .search{
        display: none;
    }
    .banner1{
        margin-top: 80px;
    }
    .page1 .box4 .content .mySwiper_honor .bg{
        height: auto;
        padding: 20px;
        box-sizing: border-box;
    }
    .page1 .box4 .content .mySwiper_honor .swiper-slide .pic{
        max-height: inherit;
    }
    .page1 .box4 .content .mySwiper_honor .swiper-slide .pic img{
        max-height: inherit;
    }
}

/* 小屏幕768px-992px */
@media screen and (max-width:992px) {
    .page1 .box4 .content p{
        font-size: 18px;
    }
    .container{
        padding: 0;
        width: 94.7%;
    }
    .index1 .main{
        padding: 0;
        width: 92%;
        margin: 75px auto 0;
    }
    .index1 .main .right .bg .block{
        right: -10px;
        width: 100px;
        height: 100px;
    }
    .index1 .main .right .bg .block img{
        width: 100%;
    }
    .index1 .main .right{
        padding: 0 10px 0 0;
    }
    .index2 .main .title, .index3 .main .title, .index4 .main .title{
        width: 92%;
        margin: 0 auto;
        padding: 0;
    }
    .index2 .main .sidebar{
        display: none;
    }
    .index2 .main .wap-sidebar{
        display: block;
        width: 92%;
        margin: 0 auto;
    }
    .index3 .main .content .mySwiper_hotel .swiper-slide .pic{
        width: auto;
        height: auto;
        margin-right: 45px;
    }
    .index2 .main .content, .index3 .main .content{
        padding: 60px 0 0 0;
        width: 92%;
        margin: 0 auto;
    }
    .index3 .main .content .mySwiper_hotel .swiper-slide .block{
        right: 0;
    }
    .index4 .main .content{
        padding: 80px 0 0 0;
        width: 92%;
        margin: 0 auto;
    }
    .search{
        right: 0;
    }
    .index2 .main .content .mySwiper_product .swiper-slide{
        width: 100%;
    }
    .page1 .box1 .left h1.gold_title{
        margin-bottom: 30px;
        margin-top: 0;
    }
    .page1_title h2,.page1 .box2 .content .mySwiper_time p{
        font-size: 28px;
    }
    .page1 .box2 .content .mySwiper_des .des_title h4{
        font-size: 20px;
    }
    .page1 .box2 .content .mySwiper_des .des_box{
        width: 100%;
        height: auto;
        margin-top: 30px;
    }
    .page1 .box2 .content .mySwiper_time .swiper-slide{
        padding-top: 96px;
    }
    .page1 .box2 .content .mySwiper_time .swiper-slide-active{
        padding-top: 68px;
    }
    footer .container{
        width: 92%;
    }
    .page4 .box2 .content .mySwiper_case p{
        font-size: 20px;
        margin-top: 15px;
    }
    .page4 .box3 .content ul li .text h5{
        font-size: 18px;
    }
    .page4 .box4 .content{
        flex-wrap: wrap;
    }
    .page4 .box4 .content .center,
    .page4 .box4 .content .right{
        width: 100%;
        margin-top: 30px;
    }
    .page4 .box4 .content .center form textarea{
        margin-bottom: 30px;
    }
    .page5 .list ul li{
        width: 33.33333%;
    }
    .page5 .top .mySwiper_comNews .toggle{
        position: static;
    }
    .page5 .top .mySwiper_comNews .swiper-slide .right h3.news_title{
        font-size: 20px;
        margin: 10px 0 20px;
        line-height: normal;
    }
    .page5 .top .mySwiper_comNews .swiper-slide .right .text{
        margin-bottom: 10px;
    }
    .page6 .recommend-product .mySwiper_recom{
        padding-top: 40px;
    }
    .page6 .recommend-product{
        padding: 80px 0 40px 0;
    }
    
    .page7 .top{
        display: block;
    }
    .page7 .top .left,.page7 .top .right{
        width: 100%;
    }
    .page7 .top .right{
        margin-top: 30px;
    }
    .page7{
        padding: 80px 0;
    }
    .page7 .bottom{
        margin-top: 80px;
    }
    
    .banner header .container{
        width: 94.7%;
    }
    .page5 .top .mySwiper_comNews .swiper-slide a{
        display: block;
    }
    .page5 .top .mySwiper_comNews .swiper-slide .left, .page5 .top .mySwiper_comNews .swiper-slide .right{
        width: 100%;
    }
    .page5 .top .mySwiper_comNews .swiper-slide .right{
        margin-top:0;
        padding: 20px;
    }
    .page5 .top .mySwiper_comNews .toggle{
        padding: 20px;
    }
    .page6 .recommend-product .content .mySwiper_recom .toggle{
        margin-top: 20px;
    }
    .page4 .box5 .content ul{
        margin: 0 -20px;
    }
    .page4 .box5 .content ul li{
        padding: 0 20px;
        margin-bottom: 40px;
    }
    .page4 .box5 .content ul li .box .text{
        height: auto;
        padding: 10px 0;
        box-sizing: border-box;
    }
    .page4 .box5 .content ul li .box .text p{
        font-size: 18px;
    }
    .page4 .box5 .content{
        padding: 30px 0 0 0;
    }
}

/* 此时超小屏幕和小屏幕在768px之间有冲突，怎么解决？ */
/* 把超小屏幕的区间降低1px */
/* 超小屏幕768px 以下 */
@media screen and (max-width:767px) {
    .banner header .container{
        height: 80px;
    }
    .main .left h1.section_title{
        font-size: 35px;
    }
    .index1 .main .left .text p{
        line-height: 2em;
    }
    .main .left p.p_title{
        font-size: 20px;
    }
    .index4 .main .content .mySwiper_news .swiper-slide{
        height: auto;
    }
    .footer .main .center form .inputGroup, .page4 .box4 .content .center form .inputGroup{
        display: block;
    }
    .footer .main .center form .inputGroup input, .page4 .box4 .content .center form .inputGroup input{
        width: 100%;
    }
    .footer .bottom .container{
        flex-wrap: wrap;
    }
    .index1 .main, .index2 .main, .index3 .main, .index4 .main, .footer .main{
        padding-bottom: 0;
    }
    .index4 .main .content .mySwiper_news{
        padding-bottom: 30px;
    }
    .index4 .main .content{
        padding: 50px 0 0 0;
    }
    .page1 .box3 .content .picGroup{
        flex-wrap: wrap;
    }
    .page1 .box3 .content .picGroup .pic{
        width: 100%;
    }
    .page1 .box3 .content .picGroup .pic:first-child{
        margin-bottom: 20px;
    }
    footer .container{
        flex-wrap: wrap;
        height: auto;
        padding: 20px 0;
        box-sizing: border-box;
    }
    .banner1 .location{
        bottom: 10px;
    }
    .page1 .box1 .left h1.gold_title{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .page2 .main .col ul{
        flex-wrap: wrap;
    }
    .page2 .main .list ul{
        margin: 0 -5px;
    }
    .page2 .main .list ul li{
        width: 50%;
        padding: 20px 5px;
    }
    .page2 .main .col ul li{
        margin-bottom: 20px;
    }
    .page2 .main .list ul li p{
        font-size: 16px;
    }
    .page3 .top .right .title,
    .page3 .bottom .title{
        height: 50px;
        line-height: 50px;
        margin-bottom: 10px;
    }
    .page3 .top .right .title p{
        font-size: 20px;
    }
    .page3 .top .left .mini{
        padding-top: 10px;
    }
    .page3 .top .left .mySwiper_mini{
        height: 100px;
        margin: 0 20px;
    }
    .page3 .top .left .mySwiper_mini .swiper-slide{
        width: auto;
    }
    .page3 .top .right ul li{
        padding: 15px 0;
    }
    .page3 .top .right ul li .pro_title::before{
        min-width: 7px;
        min-height: 7px;
        margin-right: 10px;
    }
    .page3 .top .right ul li .pro_title{
        margin-right: 20px;
    }
    .page3 .top .right ul li .des p{
        font-size: 16px;
        line-height: 1.5em;
    }
    .page3 .top .right .button{
        margin-top: 30px;
    }
    .page3 .bottom .title p{
        font-size: 20px;
    }
    .page3 .top .right .title::before,
    .page3 .bottom .title::before{
        width: 8px;
    }
    .page3 .bottom .content{
        padding: 40px 0;
    }
    .page4 .box1 .content_pic{
        flex-wrap: wrap;
    }
    .page4 .box1 .content_pic .pic{
        width: 100%;
    }
    .page4 .box2 .content .mySwiper_case .swiper-slide{
        width: 100%;
    }
    .page4 .box2 .content .mySwiper_case .pic{
        width: 100%;
        height: auto;
    }
    .page4 .box2 .content .mySwiper_case .pic img{
        height: auto;
    }
    .page4 .box2 .content .mySwiper_case .block{
        display: none;
    }
    .page4 .box2 .content .mySwiper_case{
        padding: 30px 0 0 0;
    }
    .page4 .box3 .content ul{
        display: none;
    }
    .page4 .box3 .content ul.pic2{
        display: block;
    }
    .page4 .box3 .content ul.pic2 li{
        height: auto;
    }
    .page4 .box3 .content ul li .text, .page4 .box3 .content ul.pic2 li .text{
        padding: 30px 20px;
    }
    .index4 .main .content .mySwiper_news h3.news_title, .page5 .list ul li h3.news_title{
        font-size: 20px;
        line-height: normal;
    }
    .index4 .main .content .mySwiper_news .text p, .page5 .list ul li .text p{
        line-height: 1.8em;
    }
    .page5 .list ul li{
        width: 50%;
    }
    .page5 .top .mySwiper_comNews .swiper-slide .right{
        padding: 20px 30px 0;
    }
    .page5{
        padding: 80px 0;
    }
    .page7 .top .left .tel .tel_number h1{
        font-size: 40px;
    }
    .page7 .top .left .title h2{
        font-size: 24px;
    }
    .page7 .top .left .title h3{
        font-size: 18px;
    }
    .page7 .top .left .title{
        padding: 30px 0;
    }
    .page7 .bottom form{
        margin-top:30px;
    }
    .page7 .bottom form #map{
        width: 100%;
        height: auto;
    }
    .page7 .bottom form #map img{
        width: 100%;
    }
    .page7 .bottom form #map{
        margin: 30px 0;
    }
    .index3 .main .content .mySwiper_hotel .swiper-slide{
        width: 100%;
        margin-right: 30px;
    }
    .page2 .main .list ul li a .pic::after{
        display: none;
    }
    .page1_title p{
        font-size: 14px;
    }
    .page4 .box3 .content ul li .text h5, .page4 .box3 .content ul.pic2 li .text h5{
        padding-bottom: 0;
    }
    .page5 .list ul li a{
        height: auto;
    }
    .page4 .box3 .content ul.pic2 li{
        margin-bottom: 20px;
    }
    .page6 .recommend-product .content .pic{
        margin-bottom: 10px;
    }
    .page6 .recommend-product .content p{
        font-size: 18px;
    }
}

@media screen and (max-width:500px) {
    .banner header .nav_icon{
        width: 6.5%;
    }
    .banner header .nav_icon img{
        width: 100%;
    }
    .banner header .logo{
        width: 25%;
    }
    .banner header .logo .pic{
        width: 100%;
    }
    .banner header .logo .pic img{
        width: 100%;
    }
    .search .search-wrapper .input-holder .search-icon{
        width: 40px;
        height: 40px;
    }
    .main .left h1.section_title{
        font-size: 28px;
    }
    .index2 .main .title, .index3 .main .title, .index4 .main .title{
        flex-wrap: wrap;
    }
    .index2 .main .title .right, .index3 .main .title .right, .index4 .main .title .right{
        margin-top: 30px;
    }
    .index2 .main .wap-sidebar ul li span{
        font-size: 14px;
    }
    .index2 .main .wap-sidebar ul{
        margin: 30px -5px 0;
    }
    .index2 .main .wap-sidebar ul li{
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .index2 .main .content .mySwiper_product .swiper-slide .item .pic img{
        object-fit: contain;
    }
    .index2 .main .content .mySwiper_product .swiper-slide{
        height: 250px;
    }
    .index3 .main .content .mySwiper_hotel p{
        font-size: 16px;
        margin-top: 20px;
    }
    .main .left p.p_title{
        padding-top: 0;
        font-size: 16px;
    }
    .main .left span.description_en{
        margin: 10px 0;
        font-size: 14px;
    }
    .index2 .main .content .mySwiper_product .item .text p{
        font-size: 18px;
    }
    .footer .main .container{
        width: 92%;
    }
    .footer .main .left .text,
    .page4 .box4 .content .left .text{
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .footer .main .center form, .page4 .box4 .content .center form{
        margin-top: 25px;
    }
    .footer .bottom{
        padding: 40px 0 20px 0;
    }
    .yin_nav ul li a{
        height: 20px;
        font-size: 16px;
    }
    .page1 .box1 .left .mySwiper_about{
        margin-top: 30px;
    }
    .page1 .box1, .page1 .box2, .page1 .box3,.page1 .box4{
        padding: 50px 0;
    }
    .page1 .box2:before{
        height: 1000px;
    }
    .page1 .box2 .content .mySwiper_time .swiper-slide{
        padding-top: 27px;
    }
    .page1 .box2 .content .mySwiper_time .swiper-slide-active{
        padding-top: 18px;
    }
    .page1 .box2 .content .mySwiper_des{
        margin-top: 30px;
    }
    .page1 .box3 .content .text{
        margin: 30px 0;
    }
    .page2 .main .col ul li:nth-child(3n){
        margin-right: 0;
    }
    .page4 .box3 .content ul li .text h5, .page4 .box3 .content ul.pic2 li .text h5{
        font-size: 18px;
    }
    .page5 .top .mySwiper_comNews{
        border: 0;
    }
    .page5 .top .mySwiper_comNews .swiper-slide a{
        display: block;
    }
    .page5 .top .mySwiper_comNews .swiper-slide .left, .page5 .top .mySwiper_comNews .swiper-slide .right{
        width: 100%;
    }
    .page5 .top .mySwiper_comNews .toggle{
        position: static;
    }
    .page5 .list ul li{
        width: 100%;
    }
    .page6 .return a{
        width: 120px;
        height: 40px;
    }
    .page6 .news .title h2{
        font-size: 20px;
        padding-bottom: 10px;
    }
    .page6 .news .title p{
        font-size: 14px;
        padding-bottom: 20px;
    }
    .page6 .news .content p{
        line-height: 1.8em;
    }
    .page6 .recommend-product .title h1{
        font-size: 24px;
        padding-bottom: 5px;
    }
    .page6 .recommend-product .content p{
        font-size: 16px;
    }
    .page6 .return{
        padding: 20px 0 40px 0;
    }
    .page6 .news .content{
        padding: 20px 0;
    }
    .page6 .recommend-product .content .pic{
        margin-bottom: 10px;
    }
    .page3 .top .right ul li .pro_title h5{
        font-size: 16px;
    }
    .index2 .main .content{
        padding: 20px 0 0 0;
    }
    .index2 .main .content .mySwiper_product .swiper-slide .item a::after{
        display: none;
    }
    .index2 .main .content .mySwiper_product .swiper-slide:hover .item{
        border: none;
    }
    /*.index2 .main .content .mySwiper_product .swiper-slide .item{*/
    /*    border: 4px solid rgb(198, 169, 98);*/
    /*    box-sizing: border-box;*/
    /*}*/
    .index3 .main .content .mySwiper_hotel .swiper-slide .pic{
        margin-right: 25px;
    }
    .index3 .main .content .mySwiper_hotel .swiper-slide .block{
        width: 50px;
        height: 50px;
        top: -25px;
    }
    .index3 .main .content .mySwiper_hotel .swiper-slide .block img{
        width: 100%;
    }
    .footer .main .center form textarea, .page4 .box4 .content .center form textarea{
        margin-bottom: 30px;
    }
    .footer .bottom .container p,footer p{
        font-size: 12px;
    }
    .page1 .box1 .left .des p{
        line-height: 1.8em;
    }
    .banner1 .location p, .banner1 .location p a{
        font-size: 12px;
    }
    .page1 .box2 .content .mySwiper_des .des_title h4{
        font-size: 18px;
        text-align: center;
    }
    .page2 .main{
        padding: 40px 0;
    }
    .page2 .main .col{
        padding: 0;
    }
    .page4 .box3 .content ul li .text p, .page4 .box3 .content ul.pic2 li .text p{
        line-height: 1.2em;
    }
    .page4 .box3 .content ul li .text, .page4 .box3 .content ul.pic2 li .text{
        padding: 15px 10px;
    }
    .page6 .recommend-product .content .pic::after{
        display: none;
    }
    .page7 .top .left .tel .tel_number h1{
        font-size: 36px;
    }
    .page7 .bottom form .inputGroup{
        flex-wrap: wrap;
    }
    .page7 .bottom form .inputGroup input{
        width: 100%;
    }
    .page1 .box4 .content p{
        font-size: 16px;
        padding-top: 10px;
    }
    .page4 .box5 .content ul li{
        width: 100%;
    }
    .page1 .box1 .right .pic{
        margin-right: 0;
    }
    .page1 .box1 .right .pic img{
        width: 100%;
    }

}
@media screen and (max-width:400px) {
    .index1 .main .left .link span{
        margin-right: 5px;
    }
    .index1 .main .left .factory h2{
        margin-bottom: 10px;
        font-size: 16px;
    }
    .toggle-button{
        width: 35px;
        height: 35px;
    }
    .search-box{
        height: 40px;
    }
    .searchIcon{
        width: 40px;
        height: 40px;
    }
    .banner .swiper-pagination .swiper-pagination-bullet{
        width: 30px;
        margin: 0 5px;
    }
    .index1 .main .left .link img{
        width: 80%;
    }
    .index1 .main .left .factory .swiper_box .arrow{
        margin-left: 10px;
    }
    .index1 .main .right .bg .block{
        width: 70px;
        height: 70px;
    }
    .btn .btn_link{
        width: 120px;
        height: 40px;
    }
    .index2 .main .wap-sidebar ul li a{
        height: 35px;
    }
    .index2 .main .title .right, .index3 .main .title .right, .index4 .main .title .right{
        margin-top: 20px;
    }
    .index2 .main .content .mySwiper_product .item .text p{
        font-size: 16px;
    }
    .index2 .main .content .mySwiper_product .swiper-slide{
        height: 200px;
    }
    .page1 .box2 .content .mySwiper_des .des_box .text p{
        line-height: 1.78em;
    }
    .page1 .box2 .content .mySwiper_des .toggle{
        margin-top: 15px;
    }
    .page1 .box2 .content .mySwiper_des .toggle .swiper-button-next:after, .page1 .box2 .content .mySwiper_des .toggle .swiper-button-prev:after{
        font-size: 16px;
    }
    .page3 .top .right ul li .pro_title{
        width: 25%;
    }
    .page3 .top .right ul li .des{
        width: 68%;
    }
}